div.text-limiter-tooltip{
  /*position:relative;
  z-index:2;*/
  background-color: var(--bg2);
  color: var(--fg2);
  border-radius:4px;
  padding: 6px 16px;
}

div.text-limiter-tooltip:before{
  content: "";
  position: absolute;
  bottom: -10px;
  left: calc(50% - 10px);
  /*border-style: solid;
  border-width: 18px 18px 0;
  border-color: var(--bg2) transparent;*/
  display: block;
  width: 20px;
  height:20px;
  z-index: -1;
  transform: rotate( 45deg );
  -moz-transform:    rotate( 45deg );
  -ms-transform:     rotate( 45deg );
  -o-transform:      rotate( 45deg );
  -webkit-transform: rotate( 45deg );

  background-color: var(--bg2);

}

.tooltip-container{
  /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.5);*/
  filter: drop-shadow(0 4px 4px rgba(0,0,0, 0.75));
}

/*
div.text-limiter-tooltip,
div.text-limiter-tooltip:before{
  box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.5);
}
*/

